.MixingAsphaltA01 {
	width: 100%;
	height: 100%;
	padding: 16px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > .EmptyStatus {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		.ant-result-title {
			color: white;
		}
	}

	& > div {
		width: 100%;

		&.Top {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 16px;

			& > div {
				flex: 1;
				height: 40px;
				display: flex;
				align-items: center;
				justify-content: center;
				background: rgba(0, 54, 65, 1);
				font-family: MicrosoftYaHei, MicrosoftYaHei;
				font-weight: bold;
				font-size: 16px;
				color: #ffffff;
				margin: 0 16px;
				border: 2px solid rgba(0, 54, 65, 1);
				cursor: pointer;
				transition: all 0.35s;

				&.Active,
				&:hover {
					border: 2px solid #9cc0ca;
					background: linear-gradient(
						0deg,
						rgba(0, 96, 185, 1),
						rgba(0, 174, 184, 1)
					);
				}
			}
		}

		&.Btm {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				flex: 1;
				height: 100%;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				flex-direction: column;
				padding: 0 16px;

				&.Left {
					position: relative;
					z-index: 1;

					&::after {
						position: absolute;
						content: "";
						top: 16px;
						right: 0;
						width: 1px;
						height: calc(100% - 32px);
						background: white;
					}
				}

				& > div {
					width: 100%;
					margin: 8px 0;

					input {
						text-align: center;
					}

					&.Charts {
						flex: 1;
					}
				}

				&.Right {
					position: relative;
					z-index: 1;

					& > .ant-select {
						position: absolute;
						right: 16px;
						top: 40px;
						width: 88px;
					}

					& > div:nth-child(3) {
						width: calc(100% - 120px);
					}
				}
			}
		}
	}
}
